spage {
    width: 100%;
    height: 100vh;

}

//失效弹窗
.cancelDialog {
    width: 100%;

    .main {
        width: 488rpx;
        height: 585rpx;
        background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/pop-saoma-di.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;

        .changeinfo {
            width: 330rpx;
            text-align: center;
            height: 130rpx;
            margin: 0 auto;
            margin-top: 140rpx;
            font-family: 'alifontheavy';
            font-style: italic;
            font-size: 44rpx;
            color: #3F3757;
            text-shadow: 0px 6rpx 0px rgba(143, 111, 174, 0.5);
            background: linear-gradient(0deg, #5941C7 4.19921875%, #9E54D3 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

        }

        .buttonbox {
            width: 100%;
            height: 220rpx;
            position: absolute;
            top: 360rpx;
            text-align: center;
            margin-top: 70rpx;

            image {
                width: 230rpx;
                height: 107rpx;
            }
        }


    }

    .closebtn {
        text-align: center;
        margin-top: 160rpx;

        image {
            width: 118rpx;
            height: 118rpx;
        }
    }
}


//扫描成功弹窗
.successDialog {
    font-family: 'alifont';
    width: 100%;

    .main {
        width: 585rpx;
        height: 646rpx;
        background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/pop-saomiaochengg%20.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .mainhuodong {
        width: 614rpx;
        height: 877rpx;
        background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/pop-huodong-saomiao-ok.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;
    }




    .changeinfo {
        width: 100%;
        text-align: center;
        height: 320rpx;
        margin: 0 auto;
        color: #34388F;
        position: absolute;
        bottom: 120rpx;

        .point {
            font-size: 24rpx;
            color: #4A3CBC;

            .num {
                font-size: 77rpx;
                color: #635FEA;
                font-family: 'alifontheavy';

            }

        }

        .pointhuodong {
            width: 491rpx;
            height: 90rpx;
            background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/pink.png');
            background-size: cover;
            background-repeat: no-repeat;
            margin: 0 auto;
            font-size: 24rpx;
            color: #FFEE92;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            padding-bottom: 41rpx;

            .numhuodong {
                margin: 0 10rpx;
                position: relative;
                bottom: -20rpx;
                font-size: 77rpx;
                color: #FFEE92;
                text-shadow: 0px 8rpx 0px rgba(0, 0, 0, 0.4);
                font-family: 'alifontheavy';
            }


        }

        .fanbei {
            width: 136rpx;
            height: 85rpx;
            background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/yifanbei-icon.png');
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            right: 82rpx;
            top: -10rpx;
        }

        .notice {
            font-size: 26rpx;
            color: #6E68F7;
            line-height: 36rpx;
            text-shadow: 0px 3px 0px rgba(217, 199, 234, 0.35);
            margin-top: 30rpx;
        }

    }

    .buttonbox {
        width: 100%;
        height: 130rpx;
        position: absolute;
        bottom: 10rpx;
        margin-top: 70rpx;
        display: flex;
        justify-content: center;

        :nth-child(2) {
            margin-left: 30rpx;
        }

        image {
            width: 219rpx;
            height: 107rpx;
        }
    }





}


//图鉴弹窗
.picDialog {
    width: 100%;

    .mainhuouodng {
        background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/BJ-TAi.png');
        width: 631rpx;
        height: 1014rpx;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;
        font-family: 'alifont';
        position: relative;

    }

    .main {
        width: 629rpx;
        height: 1009rpx;
        background: url('https://qmtestimage.oss-cn-guangzhou.aliyuncs.com/feihuodong-pop.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;
        font-family: 'alifont';
        position: relative;
    }

    .pointbox {
        width: 300rpx;
        height: 80rpx;
        margin: 0 auto;
        margin-top: 136rpx;
        font-size: 24rpx;
        color: #FFEE92;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;


        .num {
            height: 56rpx;
            font-size: 78rpx;
            color: #FFEE92;
            text-shadow: 0px 5rpx 0px rgba(0, 0, 0, 0.4);
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'alifontheavy';
        }

        .word {
            position: absolute;
            right: 0;
            bottom: 6rpx;
        }

    }

    .pointboxhuodong {
        width: 300rpx;
        height: 80rpx;
        margin: 0 auto;
        margin-top: 126rpx;
        font-size: 24rpx;
        color: #FFEE92;
        display: flex;
        justify-content: center;
        align-items: flex-end;

        .num {
            height: 56rpx;
            font-size: 78rpx;
            color: #FFEE92;
            text-shadow: 0px 5rpx 0px rgba(0, 0, 0, 0.4);
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'alifontheavy';

        }


    }

    .title {
        text-align: center;
        margin-top: 50rpx;

        image {
            width: 352rpx;
            height: 34rpx;

        }
    }

    .picmain {
        text-align: center;
        margin-top: 20rpx;

        image {
            width: 232rpx;
            height: 521rpx;
        }
    }

    .btnbox {
        width: 100%;
        height: 70rpx;
        position: absolute;
        bottom: 40rpx;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;

        image {
            width: 219rpx;
            height: 107rpx;
        }

        :nth-child(2) {
            margin-left: 38rpx;
        }
    }




    .closebtn {
        text-align: center;
        margin-top: 100rpx;

        image {
            width: 118rpx;
            height: 118rpx;
        }
    }
}